.router-render {
  height: 100%;
  position: relative;

  iframe {
    border: none;
    box-shadow: none;
    height: 100%;
    width: 100%;
  }

  [data-micro-container], [data-micro-root] {
    height: 100%;
    //overflow: auto;
    position: absolute;
    inset: 0;
    //background-color: plv(background-color);
  }

  & > [data-active=false] {
    z-index: -1;
    opacity: 0;
    pointer-events: none;
  }

  & > [data-active=true] {
    z-index: 2
  }

  .micro-page-list {
    height: 100%;
    width: 100%;
    position: relative;

    .micro-page-list-item {
      box-sizing: border-box;
      position: absolute;
      inset: 0;
      overflow-y: scroll;
      overflow-x: hidden;
      //background-color: var(--pl-background-color, white);

      &::-webkit-scrollbar {
        background: var(--pl-secondary-2, #f2f3f5);
        width: 10px;
        height: 10px;
      }

      &::-webkit-scrollbar-thumb {
        background: rgba(black, 0.2);
        border-radius: 6px;
      }
    }

    & > [data-active=false] {
      z-index: -1;
      opacity: 0;
      pointer-events: none;
    }

    & > [data-active=true] {
      z-index: 2
    }

    .micro-page-loading {
      text-align: center;
      padding: 100px;
      font-size: 36px;
      position: absolute;
      inset: plv(margin-normal);
      z-index: 10;
      background-color: plv(bg-2);
      color: plv(primary-6);
    }
  }
}

.app-container {
  .app-home {
    .app-content {

      &, & .app-content-inner, & .app-content-inner .router-render {
        pointer-events: none;
      }

      [data-micro-container][data-active="true"] {
        pointer-events: auto;
      }

      [data-micro-container]:not([data-micro-frame-mode-none]) {
        top: var(--app-header);
        background-color: white;
      }

      /*feat: 为了避免 web base的navigator遮住子应用frameMode为frame的组件弹窗，这里控制当展示的子应用为frameMode:frame时，app-content节点的z-index为7，大于app-navigator；令 [data-micro-container]:not([data-micro-frame-mode-none])的节点的top为 app-header；*/
      &:not([data-current-frame-mode="none"]) {
        z-index: 7 !important;
      }
    }
  }

  @include sizeMixin(app-container, ()) {
    .router-render {
    }
    .micro-page-list-item {
      padding: 0 $margin $margin;

      &:before {
        content: "";
        display: block;
        height: var(--app-header);
        background-color: transparent;
        margin-bottom: $margin;
      }

      & > .#{componentName(form)} {
        background-color: plv(bg-2);
        border-radius: $border-radius;
        padding: $margin;
        box-shadow: plv(box-shadow);

        & + .#{componentName(form)} {
          margin-top: $margin;
        }
      }

      & > .#{componentName(auto-table)} {
        & > .auto-table-body, & > .#{componentName(filter-form-multiple)} {
          box-shadow: plv(box-shadow);
        }
      }
    }
  }
}


